<h1>Creating the first Component: what does it mean ?</h1>
<ul>
	<li>Let's explain what we've done !
	<ul>
		<li>"Component.create" is the easiest way to build your
		component. There is only one parameter : the HashMap containing the
		component's definition.</li>
		<li>"name" property must be defined in order to reference your
		component. It is usually the same as the file path in a java manner</li>
		<li>"setup" provide the configuration of the component. It
		contains mostly dependencies which are in "dependencies". In this
		example we don't need any dependencies.</li>
		<li>"initialize" as with Prototype's classes, this method is
		launched as the object constructor.</li>
		<li>"_createDate"
		<ul>
			<li>createDate is a private method managed by Archetype</li>
			<li>As you can see in initialize, it can only be accessed by the
			component itself with "this.createDate".</li>
			<li>Also in initialize you can see that binding to "this" is
			unnecessary.</li>
			<li>This method launch the DateUpdate event (see fireDateUpdate)
			with a new Date as event data.</li>
		</ul>
		</li>
		<li>"fireDateUpdate"
		<ul>
			<li>"_" is a shortcut to the empty function
			(Prototype.emptyFunction).</li>
			<li>This method is defined as the empty function because any
			function defined with a name starting with "fire" will be overriden
			to fire the corresponding event instead.</li>
			<li>Adding this method is mandatory to allow the component to
			automatically fire the correponding event with using this method.</li>
		</ul>
		</li>
		<li>"onDateUpdate"
		<ul>
			<li>All methods with a name starting with "on" are event
			listeners. They will be called automatically when an event with the
			corresponding name is fired.</li>
			<li>It takes as parameters the eventName and the eventData
			(which is an undefined object).</li>
			<li>In this case, firing and listening are on the same component
			but any other component can fire or listen this event.</li>
		</ul>
		</li>
	</ul>
	</li>



	<li><strong>Now click on the page to go next page</strong></li>
</ul>
